.page-header{
    background-color: black;

}

.page-header h1{
    color: #f1f1f1;
}

.menu-container {
    background-color: white;
    padding: 10px;
    width: 150px; /* 设置容器宽度 */
    border: 2px solid #ccc; /* 添加2像素宽的灰色边框 */
    float: left; /* 添加浮动 */
}

.Search {
    position: relative; /* 设置相对定位 */
    left: 175px; /* 调整距离左边的位置，与menu-container宽度相等加上间距 */
    width: 2000px;
    height: 150px;
    background-color: azure;
}

.nav_nav-pills {
    list-style-type: none;
    padding: 0;
}

.nav_nav-pills li {
    margin-bottom: 10px; /* 调整列表项之间的间距为 10px */
    border: 1px solid #ccc; /* 添加2像素宽的灰色边框 */
}

.nav_nav-pills li a {
    text-decoration: none;
    color: #333;
    display: block; /* 将链接转换为块级元素，使其占据整个宽度 */
    padding: 10px;
    font-size: 30px; /* 设置字体大小为 16px */
    line-height: 4; /* 设置行高为 1.5倍字体大小 */
}

.nav_nav-pills li:hover {
    background-color: lightblue; /* 当鼠标悬浮在列表项上时，背景颜色变成白色 */
}


.elem {
    display: flex; /* 使用 Flexbox 布局 */
    align-items: baseline; /* 垂直居中对齐 */
    padding: 10px;
    font-size: 30px; /* 设置字体大小为 16px */
    line-height: 2; /* 设置行高为 1.5倍字体大小 */
}

.Search .input-group_input-group-lg .elem{
    text-decoration: none;
    color: #333;
    display: block; /* 将链接转换为块级元素，使其占据整个宽度 */
    align-items: center;
    padding: 10px;
    font-size: 30px; /* 设置字体大小为 16px */
    line-height: 2; /* 设置行高为 1.5倍字体大小 */


}

.Search .input-group_input-group-lg li{
    font-size: 20px;
    border: 2px solid #ccc; /* 添加2像素宽的灰色边框 */
}

.Search .input-group_input-group-lg span{
    font-size: 20px;

}

.Search .input-group_input-group-lg input{
   width: 200px;
    height: 30px;
}


.form-control_button {
    padding: 10px 15px; /* 设置内边距 */
    font-size: 16px; /* 设置字体大小 */
    background-color: #4CAF50; /* 设置背景颜色 */
    color: white; /* 设置文字颜色 */
    border: none; /* 移除边框 */
    border-radius: 5px; /* 设置圆角 */
    cursor: pointer; /* 设置鼠标样式为手型 */
    transition: background-color 0.3s; /* 设置过渡效果 */
}

.form-control_button:hover {
    background-color: #45a049; /* 鼠标悬停时改变背景颜色 */
}



.table_form th {
    padding: 40px; /* 添加内边距增加元素之间的间距 */
    font-weight: bold; /* 设置字体加粗 */
    text-align: center; /* 文本居中对齐 */
}


.table_form {
    border-collapse: collapse; /* 合并边框，使得下边框连续 */
}

.table_form tfoot {
    border-top: 2px solid black; /* 在tfoot元素上方添加一条下划线 */
}

.user-details {
    padding: 10px; /* 添加内边距 */
    border: 1px solid #ccc; /* 添加边框 */
    margin-bottom: 20px; /* 增加下方间距 */
}

.user-details p {
    margin: 5px 0; /* 调整段落之间的间距 */
}



.workers-table {
    width: 89%;
    border-collapse: collapse;
    position: fixed; /* 让元素固定在屏幕上 */
    right:0px;
    border-spacing: 0; /* 移除单元格之间的默认间距 */
}

.workers-table th, .workers-table td {
    padding: 10px;
    text-align: right;
    border-bottom: 1px solid #ddd;
}

.workers-table th {
    background-color: #f2f2f2;
}

.workers-table tr:hover {
    background-color: #f9f9f9;
}